<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加学生</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
</head>

<body>
    <div>
        学号：<input type="text" id="StuNo"><br />
        姓名：<input type="text" id="StuName"><br />
        性别：
        <select id="Gender">
            <option value="男">男</option>
            <option value="女">女</option>
        </select><br />
        出生日期：<input id="Birthday" class="Wdate" type="text" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})">
        <input type="button" value="提交" onclick="add()" />
    </div>

    <script>
        function add() {
            var stuNo = $("#StuNo").val()//document.getElementById("StuNo").value;
            var stuName = $("#StuName").val()
            var gender = $("#Gender").val()
            var birthday = $("#Birthday").val()
            var stu = {StuNo:stuNo, StuName:stuName, Gender:gender, Birthday:birthday} //json格式对象
            console.log(stu)

            //将数据存储在http协议中的body位置传递给后台
            $.ajax({
                //请求方式
                type : "POST",
                //请求的媒体类型
                contentType: "application/json;charset=UTF-8",
                //请求地址
                url : "http://localhost:5000/Student/Add",
                //dataType: "json", //期望后台给我的数据格式
                //数据，json字符串
                data : JSON.stringify(stu),
                //请求成功20*
                success : function(result) {
                    if(result == true)
                        alert("添加成功")
                    else
                        alert("添加失败")
                },
                //请求失败，包含具体的错误信息40*,50*
                error : function(e){
                    alert("系统错误");
                    console.log(e);
                }
            });
        }
    </script>
</body>

</html>